$(function() {
    $('#link-reg').on('click', function() {
        // 注册盒子显示,登录盒子隐藏
        $('.reg-box').show().siblings('.login-box').hide();
    })
    $('#link-login').on('click', function() {
            // 登录盒子显示,注册盒子隐藏
            $('.login-box').show().siblings('.reg-box').hide();
        })
        // 自定义表单校验
    layui.form.verify({
            // 格式:uname[正则表达式,'错误提示信息']
            uname: [/^[a-zA-Z0-9]{1,10}$/, '用户名必须是1-10位的字母或数字'],
            password: [/^\S{6,15}$/, '密码必须是6-15位的非空字符'],
            repwd: function(value) {
                // 注意:形参value是确认密码框中的值
                // 获取密码框的值与value进行对比
                const pwd = $('.reg-box [name="password"]').val();
                if (value != pwd) {
                    // 校验不通过
                    return '两次输入密码不一致';
                }
            }
        })
        // 注册成功界面功能
    $('.reg-box form').on('submit', function(e) {
            e.preventDefault();
            axios.post('/api/reg', $(this).serialize()).then(({ data: res }) => {
                // 注册成功
                if (res.code === 0) {
                    layer.msg('注册成功,请登录!')
                    $('#link-login').click();
                } else {
                    // 注册失败
                    layer.msg(res.message);
                }
            })
        })
        // 监听登录页面的form表单submit事件
    $('.login-box form').on('submit', function(e) {
        e.preventDefault();
        axios.post('/api/login', $(this).serialize()).then(({ data: res }) => {
            if (res.code === 0) {
                layer.msg('登陆成功!');
                // 登录成功,保存token数据:调用有权限的接口
                localStorage.setItem('token', res.token);
                // 跳转主页
                location.href = '/index.html'
            } else {
                layer.msg(res.message);
                // 移除token
                localStorage.removeItem('token');
            }
        })
    })


})